<template>
  <div class="mask-box" v-show="isMask" @click="hideMask"></div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  data () {
    return {
    }
  },
  computed: {
    ...mapGetters({
      isMask: 'getIsMask'
    })
  },
  methods: {
    hideMask () {
      this.$store.commit('ISMASK_TOGGLE');
      $('.mask-box').css('z-index','');
    }
  }
}
</script>

<style lang="less">
  .mask-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 1999;
  }
</style>